<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</h:head>

<h:body>
	<f:view>
		<p:ajaxStatus onstart="statusDialog.show();"
			onsuccess="statusDialog.hide();" />
		<p:dialog modal="true" widgetVar="statusDialog" header="Cargando"
			draggable="false" closable="false" />

		<div id="logo" align="center">
			<h:form id="form">

				<p:panel id="td" header="AnexosPqr por Tipo de Solicitud">
					<p:messages id="msg" showDetail="false" />
					<p:growl id="men" />

					<p:dataTable var="car" value="#{anxsXTpSolView.data}"
						id="listaTDo" editable="true" scrollable="true" scrollHeight="300"
						filteredValue="#{anxsXTpSolView.data}">
						<p:ajax event="rowEdit" listener="#{anxsXTpSolView.onEdit}" />
						<p:ajax event="rowEditCancel"
							listener="#{anxsXTpSolView.onCancel}"  />

						<p:column headerText="Editar" style="width: 30px">
							<p:rowEditor />
						</p:column>

						<p:column headerText="Tipo de Solicitud" style="width: 100px"
							sortBy="nombreSolicitud">
							<p:cellEditor>
								<f:facet name="output">
									<h:outputLabel value="#{car.nombreSolicitud}" />
								</f:facet>
								<f:facet name="input">
									<p:selectOneMenu value="#{car.idTpSolPqr_TipoSolicitudPqr}"
										style="width: 150px">
										<f:selectItems
											value="#{anxsXTpSolView.losItemsTipoSolicitud}" />
									</p:selectOneMenu>
								</f:facet>
							</p:cellEditor>
						</p:column>

						<p:column headerText="Anexo Pqr" style="width: 100px"
							sortBy="nombreAnexo">
							<p:cellEditor>
								<f:facet name="output">
									<h:outputText value="#{car.nombreAnexo}" />
								</f:facet>
								<f:facet name="input">
									<p:selectOneMenu value="#{car.idAnexoPqr_AnexosPqr}"
										style="width: 200px">
										<f:selectItems
											value="#{anxsXTpSolView.losItemsAnexo}" />
									</p:selectOneMenu>
								</f:facet>
							</p:cellEditor>
						</p:column>
						
						<p:column headerText="Es Obligatorio" style="width: 100px"
							filterBy="esObligatorio"
							filterOptions="#{anxsXTpSolView.manufacturerOptions}"
							filterMatchMode="exact">
							<p:cellEditor>
								<f:facet name="output">
									<h:outputText value="#{car.esObligatorio}" />
								</f:facet>
								<f:facet name="input">
									<h:selectOneMenu value="#{anxsXTpSolView.esObligatorio}">
										<f:selectItem itemLabel="Es Obligatorio" itemValue="S" />
										<f:selectItem itemLabel="No es Obligatorio" itemValue="N" />
									</h:selectOneMenu>
								</f:facet>
							</p:cellEditor>
						</p:column>

						<f:facet name="footer">
							<p:commandButton id="viewButton" value="Crear"
								icon="ui-icon-documen" update=":form"
								oncomplete="PF('carDialog').show()" />
							<p:commandButton id="btnBack" value="Atras"
								action="#{anxsXTpSolView.action_back}"
								binding="#{anxsXTpSolView.btnBack}" />
						</f:facet>

					</p:dataTable>

					<!--		Ventana emergente          -->
					<p:dialog id="dialog"
						header="Anexo Pqr por Tipo de Solicitud"
						widgetVar="carDialog" resizable="false" width="500"
						showEffect="clip" hideEffect="fold" onHide="">
						<p:messages id="messages" autoUpdate="true" />
						
						<h:panelGrid columns="2" id="panel" >


							<h:outputText id="msgTipoSolicitud" value=" Tipo de Solicitud*:" />
							<p:selectOneMenu value="#{anxsXTpSolView.tipoSolicitudPqr}"
								binding="#{anxsXTpSolView.txtTipoSolicitud}">
								<f:selectItems
									value="#{anxsXTpSolView.losItemsTipoSolicitud}" />
							</p:selectOneMenu>

							<h:outputText id="msgAnexo"
								value=" Anexo Pqr*:" />
							<p:selectOneMenu value="#{anxsXTpSolView.anexo}"
								binding="#{anxsXTpSolView.txtAnexo}">
								<f:selectItems
									value="#{anxsXTpSolView.losItemsAnexo}" />
							</p:selectOneMenu>
							
							<h:outputText id="msgEsObligatorio" value=" Obligatorio*:" />
							<p:selectOneMenu id="estado"
								value="#{anxsXTpSolView.esObligatorio}"
								binding="#{anxsXTpSolView.estado}">
								<f:selectItem itemLabel="Es Obligatorio" itemValue="S" />
								<f:selectItem itemLabel="No es Obigatorio" itemValue="N" />
							</p:selectOneMenu>

						</h:panelGrid>

						<p:separator id="separator" />

						<h:panelGrid id="panelBotones" columns="2">

							<p:commandButton id="btnSave" value="Guardar"
								action="#{anxsXTpSolView.action_create}"
								binding="#{anxsXTpSolView.btnSave}"
								update="listaTDo,msg,panel,panelBotones" />

						</h:panelGrid>

					</p:dialog>
				</p:panel>
			</h:form>
		</div>
	</f:view>

</h:body>
</html>
	